<template>
    <div class="profileText">
        <div class="profile-for" v-for="item in linjiaantext">
            <div class="profile-for-name">{{item.name}}</div>
            <div class="profile-for-text">{{item.text}}</div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Profiletext",
        data(){
            return{
                linjiaantext:[
                    {name:'姓别：',text:"男"},
                    {name:"级别",text:"2018级"},
                    {name:'班级：',text:"软工八班"},
                    {name:'身高:',text:"178cm"},
                ]
            }
        },
        methods:{
            linjiaanClick(){
                console.log(this.linjiaantext);
            }
        }
    }
</script>

<style scoped>
    .profile-for{
        display: flex;
        justify-content: space-between;
        margin:12px 15px;
        padding-bottom: 6px;
        border-bottom: 1px solid #f6f6f6;
    }
    .profile-for-name{
        font-family: Cursive;
        font-weight: 700;
    }
    .profile-for-text{
        font-family: Cursive;
        font-size: 12px;
        font-weight: 200;
    }
    .profileText{
        margin-top: 20px;
    }
</style>